<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="/WEB-INF/pages/comm/header.jsp" %>
<style type="text/css">
	.dis{
		display: none;
	}
	.blo{
		display: block;
	}
</style>
<title>华军医院-一卡通服务</title>
</head>
<body>
<div class="container">
	<div class="panel panel-default">
		<div class="panel-heading" style="height: 50px;">
			<strong style="margin-top: 2px;font-size: 23px">工具栏</strong>
			<a class="caret pull-right" data-toggle="collapse" href="#collapseOne"></a>
		</div>
		<div id="collapseOne" class="panel-collapse collapse in">
			<div class="panel-body">
				<div class="col-md-2 btn1">
					<button type="button" class="btn btn-success"><i class="glyphicon glyphicon-plus"></i>&nbsp;新办一卡通</button>
				</div>
				<div class="col-md-2 btn2">
					<button type="button" class="btn btn-danger"><i class="glyphicon glyphicon-remove"></i>&nbsp;退办一卡通</button>
				</div>
				<div class="col-md-2 btn3">
					<button type="button" class="btn btn-info"><i class="glyphicon glyphicon-usd"></i>&nbsp;一卡通充值</button>
				</div>
				<div class="col-md-12" style="margin-top:20px">
					<form class="form-inline" id="condition">
						<select class="form-control" name="columnName">
							<option value="请选择">请选择</option>
							<option value="yId">卡编号</option>
							<option value="uName">持卡人姓名</option>
						</select>
						<input type="text" class="form-control" name="columnValue">
						<button type="button" class="btn" onclick="search()">查询</button>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div>
		<table id="myTable" data-url="${ctx}/yiCard" 
				data-toggle="table" data-striped="true"
				data-pagination="true" data-side-pagination="server"> 
			<thead>
				<th data-radio="true"></th>
	            <th data-field="yId">卡编号</th>
	            <th data-field="yiCardUser.uName">持卡人姓名</th>
	            <th data-field="yiCardUser.uCard">持卡人身份证</th>
	            <th data-field="yMoney">卡余额</th>
	            <th data-formatter="fmtOpts">操作</th>
			</thead>
		</table>
	</div>
	<div id="1"></div>
	
	<div id="grant1">	
		<form id="form1" class="form-horizontal dis" style="margin-top: 20px;">
			<div class="form-group">
				<label for="yId" class="control-label col-md-3 text-right">卡编号:</label>
				<div class="col-md-8">
					<input type="text" class="form-control" name="yId" value="${yId }" readonly="readonly"/>
				</div>
			</div>
			<div class="form-group">
				<label for="uName" class="control-label col-md-3 text-right">持卡者姓名:</label>
				<div class="col-md-8">
					<input type="text" class="form-control" name="uName"/>
				</div>
			</div>
			<div class="form-group">
				<label for="uCard" class="control-label col-md-3 text-right">持卡者身份证:</label>
				<div class="col-md-8">
					<input type="text" class="form-control" name="uCard"/>
				</div>
			</div>
			<div class="form-group">
				<label for="yMoney" class="control-label col-md-3 text-right">预存余额:</label>
				<div class="col-md-8">
					<input type="text" class="form-control" name="yMoney"/>
					<span style="font-size: 14px;color: red">注:最低预存500￥</span>
				</div>
			</div>
		</form>
	</div>
	<div id="grant2">
		<form id="form2" class="form-horizontal dis" style="margin-top: 20px;">
			<div class="form-group">
				<label for="yId" class="control-label col-md-3 text-right">卡编号:</label>
				<div class="col-md-8">
					<input type="text" id="yId2" class="form-control" name="yId" readonly="readonly"/>
				</div>
			</div>
			<div class="form-group">
				<label for="uName" class="control-label col-md-3 text-right">持卡者姓名:</label>
				<div class="col-md-8">
					<input type="text" id="uName2" class="form-control" name="uName" readonly="readonly"/>
				</div>
			</div>
			<div class="form-group">
				<label for="yMoney" class="control-label col-md-3 text-right">卡余额:</label>
				<div class="col-md-8">
					<input type="text" id="yMoney2" class="form-control" name="yMoney" readonly="readonly"/>
				</div>
			</div>
			<input type="hidden" id="uCard" class="form-control" name="uCard" readonly="readonly"/>
			<input type="hidden" id="state" class="form-control" name="state" readonly="readonly"/>
		</form>
	</div>
	<div id="grant3">
		<form id="form3" class="form-horizontal dis" style="margin-top: 20px;">
			<div class="form-group">
				<label for="yId" class="control-label col-md-3 text-right">卡编号:</label>
				<div class="col-md-8">
					<input type="text" id="yId3" class="form-control" name="yId" readonly="readonly"/>
				</div>
			</div>
			<div class="form-group">
				<label for="uName" class="control-label col-md-3 text-right">持卡者姓名:</label>
				<div class="col-md-8">
					<input type="text" id="uName3" class="form-control" name="uName" readonly="readonly"/>
				</div>
			</div>
			<div class="form-group">
				<label for="yMoney" class="control-label col-md-3 text-right">当前金额:</label>
				<div class="col-md-8">
					<input type="text" id="yMoney3" class="form-control" name="yMoney" readonly="readonly"/>
				</div>
			</div>
			<div class="form-group">
				<label for="cMoney" class="control-label col-md-3 text-right">充值金额:</label>
				<div class="col-md-8">
					<input type="text" id="cMoney3" class="form-control" name="cMoney"/>
				</div>
			</div>
		</form>	
	</div>
</div>

<%@include file="/WEB-INF/pages/comm/footer.jsp" %>
</body>
</html>